<template>
  <div class="read-novel">
    <h2>{{ novel.title }}</h2>
    <div class="content" v-html="novel.content"></div>
    <router-link to="/">返回小说列表</router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      novel: {
        id: 1,
        title: '小说1',
        content: '<p>这是小说1的内容。</p><p>你可以在这里阅读小说。</p>'
      }
    };
  },
  created() {
    // 在这里可以根据路由参数获取小说内容数据
    // 例如：this.novel = getNovelContentById(this.$route.params.id);
  }
};
</script>

<style scoped>
.read-novel {
  padding: 20px;
}

.content {
  white-space: pre-wrap;
}
</style>
